<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
  <meta charset="UTF-8">
  <title>用户角色关系</title>
  <style>
    label{
      text-align: center;
    }
  </style>
</head>
<body>
<h2>用户角色关系</h2>
<div class="form-group">
  <div class="col-xl-12">
    <label class="col-xl-0" style="margin-left: 20px;">角色编码</label>
        <input type="text" class="col-xl-1" id="search_roleCode" name="roleCode" placeholder="角色编码" >
    <label class="col-xl-0" style="margin-left: 20px;">用户编码</label>
        <input type="text" class="col-xl-1" id="search_userCode" name="userCode" placeholder="用户编码" >
    <input type="button" style="float: right" id="search_btn" class="btn btn-default btn-primary col-xl-1" value="查 询" >
  </div>
</div>

<div class="form-group">

</div>
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">添加</h4>
      </div>
      <div class="modal-body">
            <div class="form-group">
              <input id="id" type="hidden" class="form-control" />
            </div>
              <div class="form-group">
                <label for="roleId">角色ID</label>
                  <input id="roleId" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="userId">用户ID</label>
                  <input id="userId" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="roleCode">角色编码</label>
                  <input id="roleCode" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="userCode">用户编码</label>
                  <input id="userCode" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="createTime">创建时间</label>
                  <input id="createTime" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="updateTime">修改时间</label>
                  <input id="updateTime" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="stopStatus">是否停用</label>
                  <select  class="form-control"  id="stopStatus"  >
                    <option value="">--选择--</option>
                      <option value="0">否</option>
                      <option value="1">是</option>
                  </select>
              </div>
              <div class="form-group">
                <label for="activeTime">生效时间</label>
                  <input id="activeTime" type="text" class="form-control" />
              </div>
      </div>
      <div class="modal-footer">
        <button type="button" id="closeBtn" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" id="modifyBtn" class="btn btn-primary" onclick="editInfo()">添加</button>
      </div>
    </div>
  </div>
</div>
<hr/>
<div class="btn-group" style="float: right">
  <button onclick="addObject()" style="float: right;margin-left: 20px" data-toggle="modal" data-target="#editModal" class="btn btn-info">添加</button>
  <button style="float: right;margin-left: 20px" onclick="batchDel()" class="btn btn-danger">批量删除</button>
  <div class="btn-group" style="margin-left: 20px">
    <button type="button" class="btn btn-primary dropdown-toggle"
            data-toggle="dropdown">
      更多&gt;&gt;
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a class="btn btn-default" onclick="downloadExcel()" href="javascript:void(0)">模板</a></li>
      <li><a class="btn btn-default" onclick="importExcel()" href="javascript:void(0)">导入</a>
      <input type="file" style="display: none" id="fileImport"/>
      </li>
      <li><a class="btn btn-default" onclick="exportExcel()" href="javascript:void(0)">导出</a></li>
    </ul>
  </div>
</div>
<table id="mytable"  class="table table-hover table-bordered"></table>
</body>

<script th:src="@{/static/common/RbacUserRole.js}">
</script>

</html>